﻿@model ITTestingSystem.Models.Account.RegisterViewModel

@{
    ViewBag.Title = "Реєстрація";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container">
    <div class="row">
        <div class="col-md-4 col-lg-offset-4">
            @using (Html.BeginForm(MVC.Account.Register(), FormMethod.Post, new { @class = "form-horizontal" }))
            {
                <div class="form-group">
                    <h2>Реєстрація</h2>
                </div>
                <div class="form-group alert alert-info alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    <strong>Поля відмічені <span class="label-required">*</span> є обов'язковими
                    </strong>
                </div>
                <div class="form-group">
                    @Html.ValidationSummary(true)
                </div>
                <div class="form-group">
                    @Html.LabelFor(model => model.LastName, "Ваше прізвище:")
                    @Html.TextBoxFor(model => model.LastName, new { @class = "form-control", placeholder = "Введіть ваше прізвище..." })
                    @Html.ValidationMessageFor(model => model.LastName)
                </div>
                <div class="form-group">
                    @Html.LabelFor(model => model.FirstName, "Ваше ім'я:")
                    @Html.TextBoxFor(model => model.FirstName, new { @class = "form-control", placeholder = "Введіть ваше ім'я..." })
                    @Html.ValidationMessageFor(model => model.FirstName)
                </div>
                <div class="form-group">
                    <span class="label-required">*</span>@Html.LabelFor(model => model.Email, "Ваш Email:")
                    @Html.TextBoxFor(model => model.Email, new { @class = "form-control", placeholder = "Введіть ваш email..." })
                    @Html.ValidationMessageFor(model => model.Email)
                </div>
                <div class="form-group">
                    <span class="label-required">*</span>@Html.LabelFor(model => model.Login, "Ваш Логін (не менше 6 символів):")
                    @Html.TextBoxFor(model => model.Login, new { @class = "form-control", placeholder = "Введіть ваш логін..." })
                    @Html.ValidationMessageFor(model => model.Login)
                </div>
                <div class="form-group">
                    <span class="label-required">*</span>@Html.LabelFor(model => model.Password, "Ваш пароль (не менше 6 символів):")
                    @Html.PasswordFor(model => model.Password, new { @class = "form-control", placeholder = "Введіть ваш пароль..." })
                    @Html.ValidationMessageFor(model => model.Password)
                </div>
                <div class="form-group">
                    <span class="label-required">*</span>@Html.LabelFor(model => model.ConfirmedPassword.Length, "Підтвердіть пароль:")
                    @Html.PasswordFor(model => model.ConfirmedPassword, new { @class = "form-control", placeholder = "Введіть повторно пароль..." })
                    @Html.ValidationMessageFor(model => model.ConfirmedPassword)
                </div>
                <div class="form-group">
                    <button class="btn btn-block btn-primary">Зареєструватися</button>
                </div>
            }
        </div>
    </div>
</div>
